<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>  
    <style>
    	*{
    		margin: 0;
    		padding: 0;
    	}
    	#yd2{
			width: 1700px;
			height: 500px;
			margin: auto;
			margin-top: 200px;
			text-align:center;
			background: white;
			padding:20px 50px;
			border: solid #F6F6F6 1px;
			background-image: url(img/zuiho.jpg) ;
		}
		.yh1{
			margin-top:80px ;
			color: black;
		}
		.yd1z1{
			margin-top:40px;
		}
		.yi1{
			font-size:18px;
			color:#fff;
		}
		input{
			width:180px;
			font-size:18px;
			border:0;
			border-bottom:2px solid #F6F6F6;
			padding:5px 10px;
			background: #F6F6F6;
			color: #000000;
		}
		button{
			margin-top:30px;
			width:190px;
			height:30px;
			font-size:20px;
			font-weight:700;
			color:white;
			background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%);
			border:0;
			border-radius:15px;
		}
    </style>
</head>
<body bgcolor="#F6F6F6">
	<div id="yd2">
		<h1 class="yh1">Login</h1>
		<div class="yd1">
			<div class="yd1z1">
			   <i style="font-size:24px" class="yi1"></i>
			   <input type="text" placeholder="username">		   
			</div>
			<div class="yd1z1">
			   <i style="font-size:24px" class="yi1"></i>
			   <input type="password" placeholder="password">		   
			</div>
		</div>
		<button>Login</button>
	</div>
</body>
</html>